{extend name="layout/default" /}

{block name="title"}首页-成都亚克茜科技{/block}

{block name="body"}

<!-- 轮播图 -->
<div class="carousel">
    <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/uploads/20240527/index_banner1.png" alt=""></div>
            <div class="swiper-slide"><img src="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/uploads/20240527/index_banner2.png" alt=""></div>
            <div class="swiper-slide"><img src="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/uploads/20240527/index_banner3.png" alt=""></div>
            <div class="swiper-slide"><img src="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/uploads/20240527/index_banner4.png" alt=""></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
</div>
<!-- 我们擅长什么 -->
<div class="goodat-wrap">
    <!-- <p class="bg-text">BE GOOD AT</p> -->
    <div class="footer-container">
        <div class="intro-wrap aniview-v4" data-av-animation="animate__backInLeft">
            <h2>我们擅长什么</h2>
            <p class="desc">专业的互联网应用软件开发商，擅长小程序定制，网站定制开发</p>
        </div>
    </div>
    <div class="goodat-list">
        <div class="footer-container">
            <div class="bg-circle"></div>
            <div class="goodat-item">
                <div class="top">
                    <img src="/home_assets/imgs/index/goodat-icon-01.png" alt="">
                    <span>WEBSITE</span>
                </div>
                <h3>网站定制开发</h3>
                <p class="en">WEBSITE CUSTOM DEVELOPMENT</p>
                <div class="line"></div>
                <p class="desc">网站定制开发，为您的业务打造独一无二的在线体验！我们专注于个性化解决方案，确保网站与众不同，提升品牌独特性，让您的想法得以实现，助力业务腾飞！</p>
                <img src="/home_assets/imgs/index/goodat-itembg-01.png" alt="">
            </div>
            <div class="goodat-item goodat-item-act">
                <div class="top">
                    <img src="/home_assets/imgs/index/goodat-icon-02.png" alt="">
                    <span>APPLICATION</span>
                </div>
                <h3>成熟应用（快速上线，低成本）</h3>
                <p class="en">INDUSTRY SOLUTION</p>
                <div class="line"></div>
                <p class="desc">我们在多个行业和领域已经有很好的解决方案，他们有如下好处和优势：<br/>1. 代码已经实现，可以更快速的上线产品<br/>2. 成熟的运营经验，定期升级维护<br/>3. 产品的价格更有竞争力</p>
                <img src="/home_assets/imgs/index/goodat-itembg-02.png" alt="">
            </div>
            <div class="goodat-item">
                <div class="top">
                    <img src="/home_assets/imgs/index/goodat-icon-03.png" alt="">
                    <span>APPLET</span>
                </div>
                <h3>小程序定制开发</h3>
                <p class="en">MINIAPP CUSTOM DEVELOPMENT</p>
                <div class="line"></div>
                <p class="desc">微信小程序定制开发专注为企业打造独特、高效的小程序。通过个性设计和功能定制，提升品牌辨识度，创造优质用户体验，为企业量身定制微信小程序，满足特定业务需求</p>
                <img src="/home_assets/imgs/index/goodat-itembg-03.png" alt="">
            </div>
        </div>
    </div>
</div>
<!-- 行业成熟应用解决方案 -->
<div class="solution-wrap">
    <div class="footer-container">
        <div class="intro-wrap aniview-v4" data-av-animation="animate__backInRight">
            <h2>行业成熟应用/解决方案</h2>
            <p class="desc">行业成熟产品应用，帮助创业者低成本，快速的上线应用，支持二次开发和UI定制</p>
            <p class="bg-text">APPLICATION/SOLUTION</p>
        </div>
        <div class="content-wrap">
            <div class="item">
                <div class="left">
                    <div class="title-wrap">
                        <h3>{$centerProduct.name}</h3>
                        <p class="date">更新于{:date('Y/m/d', intval(strtotime($centerProduct.updatedate)))}</p>
                    </div>
                    <div class="desc">{$centerProduct.summary}</div>
                    <div class="media-wrap media-wrap-video" data-video-url="{$centerProduct.videolink}">
                        <img src="{$centerProduct.coverimage|cdnurl}" alt="">
                        <img src="/home_assets/imgs/fastup/icon-hot.png" alt="" class="hot">
                        <img src="/home_assets/imgs/share/icon-play.png" alt="" class="play">
                    </div>
                </div>
                <div class="info-wrap">
                    <div class="price-wrap">
                        <span class="yuan">￥</span>
                        <span class="num">{$centerProduct.price}</span>
                        <span class="yuan">元</span>
                    </div>
                    <div class="desc-list">
                        {foreach :explode(',', $centerProduct.feature) as $item}
                        <div class="desc-item">
                            <span class="dot"></span>
                            <span class="text">{$item}</span>
                        </div>
                        {/foreach}
                    </div>
                    <div class="btn-wrap">
                        <a href="{:url('home/page/productdetail', ['id'=>$centerProduct.id], false)}" class="more" target="_blank">
                            <span>了解更多</span>
                            <img src="/home_assets/imgs/fastup/gray-arrow.png" alt="">
                        </a>
                        <a href="{:url('home/page/contactus', '', false)}" class="link" target="_blank">
                            <span>联系我们</span>
                            <img src="/home_assets/imgs/fastup/green-arrow.png" alt="">
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="pro-list">
            <div class="list-wrap">
                <div class="solution-swiper">
                    <div class="swiper-wrapper">
                        {foreach $otherProducts as $item}
                        <a href="{:url('home/page/productdetail', ['id'=>$item.id], false)}" class="swiper-slide list-item" target="_blank">
                            <div class="img"><img src="{$item.cover1v1image|cdnurl}" alt=""></div>
                            <div class="info">
                                <p class="name">{:mb_substr($item.name, 0, 10, 'utf-8')}</p>
                                <p class="date">更新于{:date('Y/m/d', intval(strtotime($item.updatedate)))}</p>
                                <div class="price-wrap">
                                    <span class="yuan">￥</span>
                                    <span class="num">{$item.price}</span>
                                    <span class="yuan">元</span>
                                </div>
                            </div>
                        </a>
                        {/foreach}
                    </div>
                </div>
            </div>
            <div class="btns">
                <div class="control">
                    <div class="contro-left solution-contro-left"><img src="/home_assets/imgs/index/solution-left.png" alt=""></div>
                    <div class="contro-right solution-contro-right"><img src="/home_assets/imgs/index/solution-right.png" alt=""></div>
                </div>
                <a href="{:url('home/page/product', '', false)}" class="more" target="_blank">
                    <span>更多案例</span>
                    <img src="/home_assets/imgs/website/icon-case-more.png" alt="">
                </a>
            </div>
        </div>
    </div>
</div>
<!-- 软件运营分享 -->
<div class="share-wrap">
    <div class="footer-container">
        <div class="intro-wrap aniview-v4" data-av-animation="animate__backInRight">
            <h2>软件运营分享</h2>
            <p class="bg-text">DEVELOPMENT SHARING</p>
            <p class="desc">软件开发不是单纯的技术，只有和运营结合才有意义，怎么创造收入，怎么节约成本，怎么加快交付，怎么保证质量，这里不光有知识的分享，也有软件公司日常工作的vlog</p>
        </div>
        <div class="data-wrap">
            <div class="item">
                <img src="/home_assets/imgs/index/share-video.png" alt="">
                <div class="num-wrap">
                    <p class="num">{$shareVideoCount}</p>
                    <p class="title">视频</p>
                </div>
            </div>
            <div class="item">
                <img src="/home_assets/imgs/index/share-article.png" alt="">
                <div class="num-wrap">
                    <p class="num">{$shareArticleCount}</p>
                    <p class="title">文章</p>
                </div>
            </div>
        </div>
        <div class="focus-wrap">
            <p class="title">请关注我们的媒体账号</p>
            <div class="list">
                <div class="item">
                    <img src="/home_assets/imgs/index/icon-dy.png" alt="">
                    <div class="qr-box">
                        <p class="title">抖音</p>
                        <img src="/home_assets/imgs/index/dy.png" alt="">
                    </div>
                </div>
                <div class="item">
                    <img src="/home_assets/imgs/index/icon-xhs.png" alt="">
                    <div class="qr-box">
                        <p class="title">小红书</p>
                        <img src="/home_assets/imgs/index/xhs.png" alt="">
                    </div>
                </div>
                <div class="item">
                    <img src="/home_assets/imgs/index/icon-ks.png" alt="">
                    <div class="qr-box">
                        <p class="title">快手</p>
                        <img src="/home_assets/imgs/index/ks.png" alt="">
                    </div>
                </div>
                <div class="item">
                    <img src="/home_assets/imgs/index/icon-sph.png" alt="">
                    <div class="qr-box">
                        <p class="title">视频号</p>
                        <img src="/home_assets/imgs/index/sph.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="list-wrap">
            {foreach $shares as $item}
            {if 1 == $item.share_type_id}
            <a href="javascript:;" class="list-item">
                <div class="media-wrap media-wrap-video" data-video-url="{$item.videoaddress}">
                    <!-- <video src=""></video> -->
                    <img src="{$item.coverimage|cdnurl}" alt="">
                    <div class="mask"></div>
                    <img src="/home_assets/imgs/website/icon-play.png" alt="" class="play">
                </div>
                <div class="name">{$item.name}</div>
                <div class="other-info">
                    <div class="date">
                        <img src="/home_assets/imgs/share/icon-date.png" alt="">
                        <span>{:date('Y/m/d', intval($item.updatetime))}</span>
                    </div>
                    <div class="view">
                        <img src="/home_assets/imgs/share/icon-eye.png" alt="">
                        <span>{:rand(2000, 3000)}</span>
                    </div>
                </div>
            </a>
            {elseif 2 == $item.share_type_id}
            <a href="{:url('home/page/knowledgesharedetail', ['id' => $item.id], false)}" class="list-item" target="_blank">
                <div class="media-wrap article">
                    <img src="{$item.coverimage|cdnurl}" alt="">
                    <div class="mask"></div>
                </div>
                <div class="name">{$item.name}</div>
                <div class="other-info">
                    <div class="date">
                        <img src="/home_assets/imgs/share/icon-date.png" alt="">
                        <span>{:date('Y/m/d', intval($item.updatetime))}</span>
                    </div>
                    <div class="view">
                        <img src="/home_assets/imgs/share/icon-eye.png" alt="">
                        <span>{:rand(2000, 3000)}</span>
                    </div>
                </div>
            </a>
            {/if}
            {/foreach}
        </div>
        <a href="{:url('home/page/knowledgeshare', '', false)}" class="more" target="_blank">
            <span>了解更多</span>
            <img src="/home_assets/imgs/fastup/green-arrow.png" alt="">
        </a>
    </div>
</div>
<!-- 我们最近的案例 -->
<div class="our-case-wrap">
    <span class="bg-text-website">WEBSITE</span>
    <span class="bg-text-wechat">WECHAT</span>
    <div class="footer-container">
        <div class="intro-wrap aniview-v4" data-av-animation="animate__backInLeft">
            <h2>我们最近的案例</h2>
            <p class="bg-text">RECENT CASE</p>
            <p class="desc">我们以案例说话，用案例得到你对我们能力的认可</p>
        </div>
        <div class="website-wrap">
            <div class="media-wrap">
                <div class="media-block">
                    <div class="website-swiper">
                        <div class="swiper-wrapper">
                            {foreach $pcExamples as $item}
                            <a href="{:url('home/page/casedetail', ['id' => $item.id], false)}" class="img-item tr-item swiper-slide item-pc" target="_blank">
                                <img src="{$item.coverimage|cdnurl}" alt="">
                                <img src="/home_assets/imgs/example/icon-h5.png" alt="" class="icon" />
                            </a>
                            {/foreach}
                        </div>
                    </div>
                </div>
                <div class="btns">
                    <div class="control">
                        <div class="contro-left website-contro-left"><img src="/home_assets/imgs/index/solution-left.png" alt=""></div>
                        <div class="contro-right website-contro-right"><img src="/home_assets/imgs/index/solution-right.png" alt=""></div>
                    </div>
                    <a href="{:url('home/page/case', '', false)}" class="more" target="_blank">
                        <span>更多案例</span>
                        <img src="/home_assets/imgs/website/icon-case-more.png" alt="">
                    </a>
                </div>
            </div>
            <div class="info-block">
                <div class="title">网站定制开发</div>
                <p class="desc">提供网站专业的页面设计与完善的功能建设,不管是PC网站还是手机H5网站，全方位支持与保障网站的开发及运行，为客户打造专属网站</p>
                <p class="sub-title">多维度设计和开发用户满意的网站:</p>
                <div class="list">
                    <div class="item">
                        <span class="dot"></span>
                        <span class="text">重视用户体验（UX）</span>
                    </div>
                    <div class="item">
                        <span class="dot"></span>
                        <span class="text">页面加载速度快</span>
                    </div>
                    <div class="item">
                        <span class="dot"></span>
                        <span class="text">优秀的视觉设计（UX）</span>
                    </div>
                    <div class="item">
                        <span class="dot"></span>
                        <span class="text">搜索引擎优化</span>
                    </div>
                    <div class="item">
                        <span class="dot"></span>
                        <span class="text">响应式设计</span>
                    </div>
                    <div class="item">
                        <span class="dot"></span>
                        <span class="text">安全性</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="website-wrap wechat-wrap">
            <div class="info-block">
                <div class="title">微信小程序/微信公众号开发</div>
                <p class="desc">提供微信小程序定制开发,微信公众号开发,从平台帐号的申请，服务器搭建，开发到后期的技术支持，提供全面的服务</p>
                <p class="sub-title">多维度设计和开发用户满意的小程序/公众号：</p>
                <div class="list">
                    <div class="item">
                        <span class="dot"></span>
                        <span class="text">重视用户体验（UX）</span>
                    </div>
                    <div class="item">
                        <span class="dot"></span>
                        <span class="text">与微信生态整合</span>
                    </div>
                    <div class="item">
                        <span class="dot"></span>
                        <span class="text">优秀的视觉设计（UX）</span>
                    </div>
                    <div class="item">
                        <span class="dot"></span>
                        <span class="text">数据安全性</span>
                    </div>
                    <div class="item">
                        <span class="dot"></span>
                        <span class="text">功能完整性</span>
                    </div>
                    <div class="item">
                        <span class="dot"></span>
                        <span class="text">社交分享和传播</span>
                    </div>
                    <div class="item">
                        <span class="dot"></span>
                        <span class="text">性能和加载速度</span>
                    </div>
                </div>
            </div>
            <div class="media-wrap">
                <div class="media-block">
                    <div class="mini-swiper">
                        <div class="swiper-wrapper">
                            {foreach miniappExamples as $item}
                            <a href="{:url('home/page/casedetail', ['id' => $item.id], false)}" class="img-item swiper-slide item-phone" target="_blank">
                                <img src="{$item.coverimage|cdnurl}" alt="">
                                <img src="/home_assets/imgs/example/icon-mini.png" alt="" class="icon" />
                            </a>
                            {/foreach}
                        </div>
                    </div>
                </div>
                <div class="btns">
                    <div class="control">
                        <div class="contro-left mini-contro-left"><img src="/home_assets/imgs/index/solution-left.png" alt=""></div>
                        <div class="contro-right mini-contro-right"><img src="/home_assets/imgs/index/solution-right.png" alt=""></div>
                    </div>
                    <a href="{:url('home/page/case', '', false)}" class="more" target="_blank">
                        <span>更多案例</span>
                        <img src="/home_assets/imgs/website/icon-case-more.png" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 客户怎么说 -->
<div class="custom-say-wrap">
    <div class="footer-container">
        <div class="intro-wrap aniview-v4" data-av-animation="animate__backInLeft">
            <h2>看看亚克茜的客户怎么说</h2>
            <p class="bg-text">FEEDBACK</p>
            <p class="desc">服务好每一个客户,倾听客户对我们评价,重视每一个积极的反馈</p>
        </div>
        <div class="content-wrap">
            <div class="num-wrap">
                <div class="item">
                    <img src="/home_assets/imgs/index/customer-say-01.png" alt="">
                    <div class="num">286+</div>
                    <p class="name">合作客户</p>
                </div>
                <div class="item">
                    <img src="/home_assets/imgs/index/customer-say-02.png" alt="">
                    <div class="num">82+</div>
                    <p class="name">合作企业</p>
                </div>
            </div>
            <div class="list-wrap">
                <div class="customer-swiper">
                    <div class="swiper-wrapper">
                        {foreach $testimonials as $item}
                        <a class="swiper-slide">
                            <div class="list-item">
                                <div class="avatar"><img src="{$item.avatarimage|cdnurl}" alt=""></div>
                                <div class="info-block">
                                    <div class="name-wrap">
                                        <span class="name">{$item.name}</span>
                                        <span class="pos">{$item.position}</span>
                                    </div>
                                    <div class="com">{$item.company_name}</div>
                                    <div class="desc">{$item.comment}</div>
                                </div>
                            </div>
                        </a>
                        {/foreach}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="content-mask"></div>
</div>
<!-- 客户Logo展示 -->
<div class="customer-logo-wrap">
    <div class="footer-container">
        <img src="/home_assets/imgs/index/com-logo-01.png" alt="">
        <img src="/home_assets/imgs/index/com-logo-02.png" alt="">
        <img src="/home_assets/imgs/index/com-logo-03.png" alt="">
        <img src="/home_assets/imgs/index/com-logo-04.png" alt="">
        <img src="/home_assets/imgs/index/com-logo-05.png" alt="">
        <img src="/home_assets/imgs/index/com-logo-06.png" alt="">
        <img src="/home_assets/imgs/index/com-logo-07.png" alt="">
        <img src="/home_assets/imgs/index/com-logo-08.png" alt="">
    </div>
</div>
<!-- 主要客户分布 -->
<!--<div class="customer-wrap">-->
<!--    <p class="bg-text aniview-v4" data-av-animation="animate__backInRight">CUSTOMER DISTRIBUTION</p>-->
<!--    <div class="footer-container">-->
<!--        <div class="intro-wrap aniview-v4" data-av-animation="animate__backInRight">-->
<!--            <h2>主要客户分布</h2>-->
<!--            <p class="desc">我们的主要客户群遍布全国，包括一线城市如北京、上海、深圳，新一线城市如杭州、成都，以及二线城市如南京、重庆、武汉等，共计15个城市</p>-->
<!--        </div>-->
<!--        <div class="num-wrap">-->
<!--            <div class="num-item">-->
<!--                <img src="/home_assets/imgs/index/customer-icon-01.png" alt="">-->
<!--                <p class="text">覆盖省份</p>-->
<!--                <p class="num">31</p>-->
<!--            </div>-->
<!--            <div class="num-item">-->
<!--                <img src="/home_assets/imgs/index/customer-icon-02.png" alt="">-->
<!--                <p class="text">主要城市</p>-->
<!--                <p class="num">15</p>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
<!-- 服务流程 -->
<div class="service-wrap">
    <div class="intro-wrap aniview-v4" data-av-animation="animate__backInRight">
        <h2>服务流程</h2>
        <p class="desc">明确的软件开发流程是确保项目高效、顺利完成，并最终满足客户需求的关键，保证了有效的沟通和可控的进展</p>
        <p class="bg-text">SERVICE PROCESS</p>
    </div>
    <div class="step-wrap">
        <div class="step-item">
            <img src="/home_assets/imgs/index/service-step-01.png" alt="">
            <p>了解需求</p>
        </div>
        <div class="step-icon"><img src="/home_assets/imgs/index/service-step-icon.png" alt=""></div>
        <div class="step-item">
            <img src="/home_assets/imgs/index/service-step-02.png" alt="">
            <p>提案与报价</p>
        </div>
        <div class="step-icon"><img src="/home_assets/imgs/index/service-step-icon.png" alt=""></div>
        <div class="step-item">
            <img src="/home_assets/imgs/index/service-step-03.png" alt="">
            <p>签订合同</p>
        </div>
        <div class="step-icon"><img src="/home_assets/imgs/index/service-step-icon.png" alt=""></div>
        <div class="step-item">
            <img src="/home_assets/imgs/index/service-step-04.png" alt="">
            <p>界面设计</p>
        </div>
        <div class="step-icon"><img src="/home_assets/imgs/index/service-step-icon.png" alt=""></div>
        <div class="step-item">
            <img src="/home_assets/imgs/index/service-step-05.png" alt="">
            <p>开发和测试</p>
        </div>
        <div class="step-icon"><img src="/home_assets/imgs/index/service-step-icon.png" alt=""></div>
        <div class="step-item">
            <img src="/home_assets/imgs/index/service-step-06.png" alt="">
            <p>客户验收</p>
        </div>
        <div class="step-icon"><img src="/home_assets/imgs/index/service-step-icon.png" alt=""></div>
        <div class="step-item">
            <img src="/home_assets/imgs/index/service-step-07.png" alt="">
            <p>发布上线</p>
        </div>
    </div>
</div>

{/block}

{block name="page_footer_js"}
<script>
    var mySwiper = new Swiper(".swiper", {
        loop: true, // 循环模式选项
        autoplay: true,
        speed: 1500,

        // 如果需要分页器
        pagination: {
            el: ".swiper-pagination",
            clickable :true,
        },

        // 如果需要前进后退按钮
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },

        // 如果需要滚动条
        scrollbar: {
            el: ".swiper-scrollbar",
        },
    });

    var solutionSwiper = new Swiper(".solution-swiper", {
        slidesPerView: 3,
        spaceBetween: 30,
        loop: true, // 循环模式选项
        autoplay: true,
        // 如果需要前进后退按钮
        navigation: {
            nextEl: ".solution-contro-left",
            prevEl: ".solution-contro-right",
        },
    });

    var websiteSwiper = new Swiper(".website-swiper", {
        slidesPerView: 4,
        spaceBetween: 48,
        loop: true, // 循环模式选项
        // 如果需要前进后退按钮
        navigation: {
            nextEl: ".website-contro-left",
            prevEl: ".website-contro-right",
        },
    });

    var miniSwiper = new Swiper(".mini-swiper", {
        slidesPerView: 4,
        spaceBetween: 48,
        loop: true, // 循环模式选项
        // 如果需要前进后退按钮
        navigation: {
            nextEl: ".mini-contro-left",
            prevEl: ".mini-contro-right",
        },
    });
    var customerSwiper = new Swiper(".customer-swiper", {
        direction: "vertical",
        slidesPerView: 3,
        spaceBetween: 0,
        loop: true, // 循环模式选项
        autoplay: true
    });
</script>
{/block}
